﻿body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0 }
html, body { background-color: #fff; font-size: 12px; }
body { font: 12px/1.5 "Lucida Grande", "Microsoft YaHei"; border: 0; outline: 0; color: #333; }
select, input, button, textarea { font-family: Tahoma, arial, '宋体b8b\4f53', sans-serif; font-size: 12px; font-style: normal; }
textarea { overflow: auto; }
table { border-collapse: collapse; border-spacing: 0;/*设置空单元格是否显示边框empty-cells:show|hide*/ }
td { font-size: 12px; }
li { list-style-type: none; }
p { text-align: justify; text-justify: inter-ideograph; }
:focus { outline: 0; }
header, footer, article, section, nav, menu, hgroup { display: block }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box; }
a { text-decoration: none; color: #333; }
a:hover, a:active { color: #00258c; }
p { text-indent: 2em !important; margin-bottom: 10px; }
p.noindent { text-indent: 0; }
@font-face { font-family: "novecento"; src: url("novecento_widebook.eot"); }
@font-face { font-family: "novecento"; src: url("novecento_widebook.ttf"); }
@font-face { font-family: "dincond"; src: url("dincond-regular.eot"); }
@font-face { font-family: "dincond"; src: url("dincond-regular.ttf"); }
.tac { text-align: center; }
.tar { text-align: right; }
.redf { color: #ae0505 }
.fr { float: right; }
.header, #bannerSwiper, .footer, .grayback { min-width: 990px; }
.header { height: 145px; +height: 129px; position: relative; z-index: 999; padding-top: 20px; background: #ffffff; background: -webkit-linear-gradient(top, #ffffff 80%, #f4f4f4 100%); background: linear-gradient(to bottom, #ffffff 80%, #f4f4f4 100%); }
.mainbox { min-width: 990px; max-width: 1190px; margin: auto; }
.logo { width: 14.14%; text-align: center; height: 110px;}
.logo .logo_w100 { margin-bottom: 8px; }
.logo_w100 { background: url('../imgs2017/logo_w100_h80.png') center center no-repeat; width: 100px; height: 150px; margin: auto; }
.topright { float: right; text-align: right; width: 85.86%; min-width: 850px; }
.topmenu { margin-top: 15px; font-size: 18px; height: 80px\9; }
.topmenu { display: -webkit-flex; display: flex; }
.topmenu ul { border: 1px solid #01238e; top: 80px; left: 0; border-top: none; background-color: #fff; border-bottom: none; margin-top: 0; position: absolute; z-index: 9; width: 100%; overflow: auto; font-size: 70%; display: none; box-shadow: 0 2px 5px rgba(0, 0, 0, .3) }
.topmenu span.hover ul { display: block; }
.topmenu li { border-bottom: 1px solid #01238e; padding: 5px 10px; }
.topmenu ul li { padding: 0; }
.topmenu ul li a:hover { background-color: #e4e7f3 !important }
.topmenu span, .topmenu a { cursor: pointer; min-width: 120px; width: 13%\9; text-align: center; display: block; display: inline-block\9; -webkit-flex: auto; flex: auto; text-align: center; height: 80px; line-height: 80px; position: relative; overflow: visible; transition: all .3s; -webkit-transition: all .3s; }
.topmenu .act a, .topmenu .act:hover { background-color: #01238e; color: #fff; }
.topmenu span.hover { color: #fff; }
.topmenu a { width: 100%; position: relative; }
.topmenu span em { width: 100%; height: 0; position: absolute; background-color: #01238e; top: 100%; left: 0; transition: all .3s; -webkit-transition: all .3s; z-index: 1 }
.topmenu span.act em, .topmenu span.hover em { top: 0; height: 100%; transition: all .3s; -webkit-transition: all .3s; }
.topmenu a i { font-style: normal; position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; top: 0; transition: color .3s ease-in-out; -webkit-transition: color .3s; }
.topmenu span.act i, .topmenu span.hover i { color: #fff; transition: color .2s; -webkit-transition: color .3s; }
.topmenu ul a, .topmenu span.act ul a { background-color: #fff; height: auto; min-width: inherit; width: 100%; line-height: 40px }
.topmenu span.act ul a { color: #01238e }
.topmenu .act:after { content: ''; border: 14px solid #fff; border-left-color: transparent; border-right-color: transparent; position: absolute; left: 50%; bottom: 0; border-top-color: transparent; margin-left: -14px; z-index: 999; }
.topsrch input { border-radius: 30px; width: 150px; height: 30px; line-height: 30px; padding: 0 10px; vertical-align: middle; border: 1px solid #aaa; margin-left: 10px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.topsrch input:focus { width: 220px; }
button.srch { background: url('../imgs2017/icon_search_w24.png') center center no-repeat; width: 24px; height: 24px; border: none; vertical-align: middle; position: absolute; margin: 3px 0 0 -35px; cursor: pointer; }
.bussiness_icon_list { margin: auto; border-left: 1px solid #ccc; height: 150px; font-size: 22px; width: 80%; margin: 30px auto; font-size: 16px }
.bussiness_icon_list li { width: 20%; width: 19.8%\9; border-right: 1px solid #ccc; text-align: center; height: 150px; float: left; }
.bussiness_icon_list a { display: block; padding-top: 10px; height: 150px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
.bussiness_icon_list a:hover { background-color: #01238e; color: #fff; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
.bussiness_icon_list a:hover em { background-position: center bottom; }
.bussiness_icon_list em { background-repeat: no-repeat; width: 90px; background-position: center top; height: 90px; display: block; margin: 5px auto; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
.bussiness00 em { background-image: url('../imgs2017/icon_default00.png'); }
.bussiness01 em { background-image: url('../imgs2017/icon_default01.png'); }
.bussiness02 em { background-image: url('../imgs2017/icon_default02.png'); }
.bussiness03 em { background-image: url('../imgs2017/icon_default03.png'); }
.bussiness04 em { background-image: url('../imgs2017/icon_default04.png'); }
.title { border-bottom: 1px solid #920783; margin: 15px 0; clear: both; }
.title span { border-bottom: 4px solid #00258f; display: inline-block; font-size: 22px; padding: 8px 40px 8px 0; position: relative; margin-bottom: -1px; }
.title .more { line-height: 58px; font-size: 16px; }
.grayback { background-color: #f9f9f9; padding: 10px 0 30px; overflow: auto; }
#newSwiper { width: 40%; float: left; margin-right: 20px; }
.bimg { display: block; width: 100% }
#gotop { display: none; background-color: #bbb; background-color: rgba(0, 0, 0, .3); width: 60px; height: 60px; position: fixed; right: 20px; bottom: 20px; cursor: pointer; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFjSURBVGhD7c9JbsNADARA///TCSIUGiC8SfImM6ybujmj4WmMMcYYY3Tyg8/e7Brinux4Rt2L3a4y1oOd7jL+3eyymmPfyQ6bOf5dvL24lN+a/RreXKguLvzHZ6E6Nm8tVAtRiBeiQnVM3lioQhziEBeqY/G2QlWoQlyoCtUxeFOhOqMO8Rl1ofosbylUFxkJ8UVGCtVneEOhuspYiK8yVqjey78L1U1GQ3yT0UL1Hv5ZqO4yHuK7jBeq1/KvQrWKIyFexZFC9Rr+UahWcyzEqzlWqJ7L3YVqE0dDvImjheo53FmoNnM8xJs5Xqge465CtYsrQryLKwrVfu4J8W6uCfFurgnxfu5ZiB7iqhA/xFUL0XF4V4j7smeI+7JniPuyZ4j7smeI+7JniPuyZ4j7smeI+7JniPuyZ4j7smeI+7JniPuyZ4j7smeI+7JniPuyZ4j7smeIe7Pr/1h2jDHGGJxOv+pXkrRsazMvAAAAAElFTkSuQmCC") }
#gotop:hover { background-color: #000; }
.tab { display: block; width: 100%; overflow: auto; }
.tab li { cursor: pointer; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
.tab li:hover { transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
.tabContent > div { display: none; }
.tabContent >.act { display: block; }
.bigTab { overflow: auto\0; margin-bottom: 20px\0 }
.bigTab a { text-align: center; background-color: #eee; padding: 20px 30px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; width: 50%\0; float: left\0; }
.bigTab a:hover, .bigTab a.act { background-color: #01238e; color: #fff; }
.newList { margin-left: 43%; width: 57%; }
.newsTab { display: block; overflow: visible; font-size: 14px; height: 50px; padding-left: 60px; }
.newsTab li { float: left; cursor: pointer; padding: 5px; position: relative; margin-right: 60px; border-bottom: 2px solid transparent }
.list_sort_tab { margin-bottom: 10px; }
.list_sort_tab a { width: 100px; height: 100px; display: inline-block; background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat; text-align: center; padding-top: 65px; }
.list_sort_tab .act { background-position: center top; background-color: #b4bdda; color: #00258d; }
.list_sort_tab .com_rule { background-image: url('../imgs2017/icon_com_rule.png'); }
.list_sort_tab .com_system { background-image: url('../imgs2017/icon_com_system.png'); }
.list_sort_tab .report_trade { background-image: url('../imgs2017/icon_report_trade.png'); }
.list_sort_tab .report_company { background-image: url('../imgs2017/icon_report_company.png'); }
.newsTab .act { border-color: #01238e }
.newsTabcontent { width: 100%; }
.newsTabcontent ul { font-size: 14px; }
.newsTabcontent li { padding: 6px 0; border-bottom: 1px dotted #bbb; }
.newsTabcontent li:hover { background-color: #eee }
.newsTabcontent .act { display: block; }
.newsTabcontent .fr { width: 14%; color: #999 }
.newsTabcontent a { width: 85%; display: inline-block; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis; overflow: hidden; }
.pagecounter { text-align: right; margin: 30px 0 20px }
.pagecounter a { display: inline-block; border-right: 1px dotted #ddd; width: 3em; height: 24px; text-align: center; vertical-align: middle; }
.pagecounter a.curpage, .pagecounter a.curpage:hover { background-color: #b4bdda; color: #fff; border: none; font-weight: bold; }
.pagecounter a:hover { background-color: #eee; }
.pagecounter a:last-child { border: none; }
.prevpage, .nextpage { border: none !important; background-repeat: no-repeat; background-position: center; background-size: auto 60%; }
.prevpage { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVGhD7ZkhD4MwGET5yUiQYPkdILFYLFhkLRaL7XJJvyVLuoFY1mt2LznTIN6DIRYK8W+c5+m3bfPruvrjOHw4zoN9333btr4sy+eWZckjAvJ1Xb/IYzgLl/DyTt7mnOONuJLH8F6Ey7m4Iz+OY77yfd9L/utIPhWST4XkUyH5VEg+FZJPSdd1UWkbtTzufkzaRi0P8HcvJm4bhoE7ADRNE5W30UfgZ1RVVVTepohfoAgWFMGCIlhQBAuKYEERLNyJmKYp/wjaT0zGVQT1Rz7jUwT9EzBiEfM85yFv4G5DGi8vgsKxyJSieABqphQBTZKhVwAAAABJRU5ErkJggg=="); }
.nextpage { float: right; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADmSURBVGhD7ZqhDoMwFEX5ZGSRYPsdILFYLLWVWCwW2+UlvCXLulUsWe9L7kmeaRDnpEWQ0hDrnOeZQggpxpiu60r3sg22bUtt2z5nGIZ0HIediK7rXgJkZM1ExL7vb/I6JiLkvOfkdUxEzPOcldcxETGOY1ZehxH/ghEoMAIFRqDACBQYgQIjUChFeO+xA4RSBPwuTNOUFdeRz9b7UTxK8n3f25V3zuEeH8rXgvK1oHwtKF8LyteC8rUwLb8sS1ZaB1q+dMUELS98u+SDlxc+7YAJeWVdV7vyigjLyywx5n41ID/TNA84TBQBfJX1NwAAAABJRU5ErkJggg=="); }
.companyList { overflow: visible; font-size: 14px; overflow: visible; width: 100%; height: 80px\9; height: 5rem; margin: 20px auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.companyList li, .companyList .swiper-slide { border-right: 1px dotted #ddd; width: 14.27%\9; *width: 14.2%; float: left; text-align: center; height: 80px\9; height: 5rem; -webkit-flex: auto; -moz-flex: auto; -ms-flex: auto; -o-flex: auto; flex: auto }
.companyList a { display: block; text-align: center }
.companyList em { transition: all .3s ease-out; -webkit-transition:  all .3s ease-out; background-repeat: no-repeat; background-position: top center; height: 80px\9; width: 160px\9; width: 10rem; height: 5rem; display: block; margin: auto; background-size: 100%; transform: scale(.9);}
.companyList a:hover em { background-position: top center; transition:  all .3s ease-out; -webkit-transition: all .3s ease-out;transform: scale(1.1); }
.company_uyou em { background-image: url('../imgs2017/constituent_company_uyou.jpg'); }
.company_coodoo em { background-image: url('../imgs2017/constituent_company_coodoo.jpg'); }
.company_yng em { background-image: url('../imgs2017/constituent_company_yng.jpg'); }
.company_mottcell em { background-image: url('../imgs2017/constituent_company_mottcell.jpg'); }
.company_awt em { background-image: url('../imgs2017/constituent_company_awt.jpg'); }
.company_coowin em { background-image: url('../imgs2017/constituent_company_coowin.jpg'); }
.company_1hj em { background-image: url('../imgs2017/constituent_company_1hj.png'); }
.company_uyoufinancial em { background-image: url('../imgs2017/constituent_company_uyoufinancial.jpg'); }
.company_colordream em { background-image: url('../imgs2017/constituent_company_colordream.jpg'); }
.company_asdxd em { background-image: url('../imgs2017/constituent_company_asdxd.png'); }
.company_coomoo em { background-image: url('../imgs2017/constituent_company_coomoo.png'); }
.company_coozoo em { background-image: url('../imgs2017/constituent_company_coozoo.png'); }
.company_aibao em { background-image: url('../imgs2017/constituent_company_coomoo_aibao.png'); }
#bottomSwiper { margin: 0 50px }
#bottomSwiper-left, #bottomSwiper-right,#yearSwiper-left,#yearSwiper-right { width: 48px; height: 48px; top: 135px; background-size: 100% auto; opacity: .7 }
#bottomSwiper-left:hover, #bottomSwiper-right:hover { opacity: 1 }
#bottomSwiper-left,#yearSwiper-left { left: -10px; background-image: url("../imgs2017/pleft.png"); }
#bottomSwiper-right ,#yearSwiper-right{ right: -10px; background-image: url("../imgs2017/pright.png"); }
#yearSwiper-left,#yearSwiper-right{ top: 47px;  width: 32px;height: 32px;}
#yearSwiper-left{  left: 10px;}
#yearSwiper-right{  right: 10px;}
.footer { background-color: #01238e; padding: 20px 0; color: #fff; margin-top: 60px; font-size: 14px; overflow: auto; }
.qrcode { width: 25%; text-align: center; float: left; }
.qrcode img { display: block; margin: auto; height: 100px }
.footer .location { width: 74%; margin-left: 25%\9; display: -webkit-flex; display: flex; margin-bottom: 10px; }
.location > div { width: 49%\9; float: left\9; -webkit-flex: auto; flex: auto; line-height: 28px; }
.location strong { display: block; padding-bottom: 10px; font-size: 16px }
.copyright { clear: both; text-align: center; color: #949baf}
.copyright a{ color:#949baf}
.grayback h1 { border-bottom: 1px solid #920783; margin: 20px 0 30px 0; height: 30px; display: block; font-size: 18px }
.grayback h1 span { background-color: #f9f9f9; position: relative; margin-bottom: -1px; padding-right: 30px; display: inline-block; height: 31px; }
.grayback h1 em { color: #999; font-style: normal; display: inline-block; margin-left: 10px; font-family: 'novecento'; }
.leftNav { width: 15%; *width: 13%; float: left; font-size: 16px; overflow: auto; }
.leftNav a { padding: 8px; display: block; }
.leftNav a:hover { background-color: #01238e; color: #fff; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.leftNav a.act { color: #01238e; font-weight: 600; }
.leftNav a.act:hover { background-color: #01238e; color: #fff; }
.leftNav a.leftNav_sub { font-size: 80%; padding-left: 20px; }
.content { margin-left: 15%; width: 85%; *width: 80%; *margin-left: 13%; border-left: 1px solid #920783; padding: 3% 0 3% 6%; font-size: 14px !important; }
.content td { font-size: 14px; vertical-align: top }
.content h2 { font-size: 20px; display: block; text-align: center; margin-bottom: 10px; }
.article span,.article p{
  width:39.5em;
  font-size: 18px !important;
  font-family: '微软雅黑', Microsoft YaHei !important;
  word-break: break-all;
  overflow-wrap: break-word;}
.honour_history_tab li { text-align: center; width: 100px; float: left; }
.honour_history_tab li:hover { background-color: #f2f2f2 }
.honour_history_tab em { width: 100px; height: 90px; *height: 45px; display: block; padding-top: 54px; background-position: center -100px; background-repeat: no-repeat; font-style: normal; color: #888; margin-top: 10px; cursor: pointer; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
.honour_history_tab .honour { background-image: url('../imgs2017/icon_honour.png'); }
.honour_history_tab .history { background-image: url('../imgs2017/icon_history.png'); }
.honour_history_tab .act, .honour_history_tab .act:hover { background-color: #e5e8f0 }
.honour_history_tab .act em { background-position: center 0; color: #01238e; font-weight: 600; cursor: pointer; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
.year_flow { overflow: auto; float: left; width: 33%; }
.year_flow h3 { font-style: 20px; }
.year_flow em { width: 15%; *width: 15%; float: left; font-style: normal; height: 1em; }
.year_flow li { margin-bottom: 8px; font-size: 15px; clear: both; margin-left: 1px;}
.year_flow span { display: inline-block; width: 70%; *width: 70%; text-align: justify; text-justify: inter-ideograph; border-left: 4px solid #01238e; padding: 3px 10px 3px 10px; background-color: #f2f2f2 }
.honour_history_tabContent > div { position: relative; }
.honour_history_tabContent .swiper-button-next { right: -40px; }
.honour_history_tabContent .swiper-button-prev { left: -70px; }
.news_summary { width: 50%; float: left; overflow: auto; }
.list_date { display: block; font: bold 27px/27px 'novecento'; color: #6d8ac4; }
.news_photo { width: 50%; width: 45%\9; background: url('../imgs2017/news_default.png') center center no-repeat; height: 200px; margin-left: 50%; }
.bigDown, .bigDownAct, .smallDown { display: block; height: 40px; width: 100%; border: none; cursor: pointer; background-position: center center; background-repeat: no-repeat; transition: background-color .2s ease-in-out; -webkit-transition: background-color .2s ease-in-out; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAPCAYAAAAVk7TYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB5SURBVDhPtc1RCoAgEEVR97/pIj08ECzM7HzVdRzL5aD+bGZ12+07atzEyriPH1kVcqOFvMSKkHvOQn7F1ZDHzIQ8xZWQn5kN+ZHRkOe4E/KQkZDfcTfkjqOQ19gRciWF/I1dcde2sXPIyF52dxz9wxuV9K+1h0o5AXNUjoBAy0qJAAAAAElFTkSuQmCC") }
.bigDown, .smallDown { background-color: #ccc }
.bigDownAct { background-color: #01238e }
.smallDown { height: 30px; }
.bigDown:hover, .smallDown:hover { background-color: #01238e; transition: background-color .2s ease-in-out; -webkit-transition: background-color .2s ease-in-out; }
.bigDownAct:hover { background-color: #003ae1; }
.news_focus { overflow: auto; margin-bottom: 20px; }
.data_list a { color: #666; display: block; cursor: pointer; }
.data_list a:hover { color: #333 }
.data_list p { padding-bottom: 0; font-size: 14px }
.data_list h3 { font-size: 15px }
.data_list li { font-size: 14px; padding: 20px 20px 20px 120px; border-bottom: 1px solid #bbb; transition: background-color .3s ease-in-out; -webkit-transition: background-color .3s ease-in-out; overflow: auto; }
.data_list li:hover { background-color: #e1e1e1; transition: background-color .3s ease-in-out; -webkit-transition: background-color .3s ease-in-out; }
li .list_date { padding: 10px; background-color: #e1e1e1; float: left; font-size: 14px; line-height: 16px; color: #555 }
.list_date strong { font-size: 38px; color: #01238e; line-height: 38px; }
#news_list .list_date { width: 90px; margin-left: -120px; height: 90px; }
#news_list h3 { white-space: nowrap; word-break: keep-all; text-overflow: ellipsis; overflow: hidden; }
#report_list .list_date, #meeting_list .list_date { width: 115px; margin-left: -140px; line-height: 17px; }
#report_list .list_date strong, #meeting_list .list_date strong { float: left; width: 54px; }
#report_list h3, #meeting_list h3 { line-height: 60px; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis; overflow: hidden; padding-right: 80px; background: url('../imgs2017/icon_file.png') right top no-repeat; transition: background-position .2s ease-in-out; -webkit-transition: background-position .2s ease-in-out; }
#report_list h3:hover, #meeting_list h3:hover { background-position: right bottom; transition: background-position .2s ease-in-out; -webkit-transition: background-position .2s ease-in-out; }
#report_list li, #meeting_list li { padding: 10px 20px 10px 140px; }
#meeting_list h3 { background-image: none; }
.stock { padding: 20px; background-color: #01238e; color: #a0a4e0; }
.stock table { width: 100%; }
.stock th { text-align: left; font-weight: normal; font-size: 14px; }
.stock td { font-family: 'dincond'; font-size: 40px; vertical-align: baseline; color: #fff; position: relative; text-shadow: 0 3px 3px rgba(0, 0, 0, .5); }
.stock td:after { content: ''; width: 100%; height: 42.5%; height: 64%\9; background-color: rgba(1, 35, 142, .3); position: absolute; bottom: 0; left: 0; }
#curPrice:after { display: none; }
#curPrice { font-size: 60px; font-weight: 600; }
#curPrice small { font-size: 36px; }
td.priceUp { color: #ff111a; }
td.priceDown { color: #4fdf40; }
#curPrice em { width: 17px; height: 21px; display: inline-block; vertical-align: baseline; margin: 0 3px; }
td.priceUp em { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAVCAYAAACg/AXsAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADbSURBVDhP7ZBBDoIwEEVrXLmixU1bSFyaeAHPoFfQQ3gbLuEVPIMncO9W90ydgSEIjBbdmfiSH2jn/x8YFQNSu+LX74C5X4L2N3ry1WcEpSZg3CkYH6onnnk0HtBuRwWNQNs9j8YRkoXG37h2S/CM92yJg19RPBe0Ra5gy3sgzdZgfCmW4D3N2SqDy5viEs9SQaNqjj6ODIHEHaRgX+TjSBdI8wyXd5dCfZGP/BxtwcFRCrwS+TlaAybbSsaYwNhNXZDnM9z6RTLFRDnKV0USUohH4/mXDPnFEqUeDhY+GO1xuL0AAAAASUVORK5CYII=") }
td.priceDown em { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAVCAYAAACg/AXsAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADdSURBVDhP7Y89DoJAEIXXWNnRewATL6CVu9CpyS6FVHoIbuMlvIJn8ATsEipb6Qnu4BgFZgXsTPySl/2Z914yzIUyomwKR/35l7T50ZJdtpxIzRMq1CXIQb4qUsbfUKYuhWa1rgqe2NYTZXQJ/Bh9sc2CqR3mTbNDOfgxWkcZHhMBQjzGSJuojMZSiwsdfAjm4MMIjTUt7L4FXcALmKP1M0qLI1UC/2jpxu7sWV3rJfDmHlr6IVOxfy8JE37A0QBKNlKan6sSe8IbJ8OQ2p/ZFW5w4td3yDSY49UBY3dnwWf35Qp3fQAAAABJRU5ErkJggg==") }
#getTime { font-size: 12px; text-align: right; }
.main_subnav li { padding: 5px 10px; }
.manager_list { overflow: auto; margin-bottom: 20px; background: #e8e8e8 url('../imgs2017/manager_back.png') left bottom no-repeat; background-size: auto 100%; padding-left: 160px; font-size: 20px; width: 99%\9; *width: auto }
.manager_list div { width: 25%\0; display: inline-block\0; float: left\0; *float: left; *width: 25%; text-align: center; -webkit-flex: 1 0 0; flex: 1 0 0; }
.manager_list a { display: block; padding: 20px 30px; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis; overflow: hidden; }
.manager_list a:hover, .manager_list .act { background-color: #01238e; color: #fff; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.manager_list .act a, .manage_bonus .act a { color: #fff; }
.manage_file_list_row { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; }
.manage_file_list_row { overflow: visible; }
.manage_file_list_row dl { margin-bottom: 20px; overflow: hidden; width: 100%; }
.manage_file_list_row { overflow: auto; }
.manage_file_list_row dt { background-color: #e8e8e8; padding: 8px 0; text-align: center; font-size: 20px; }
.manage_file_list_row dd { font-size: 80%; clear: both; border-bottom: 1px dotted #ccc }
.manage_file_list_row dd:last-child { border: none }
.manage_file_list_row a { padding: 5px 0; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis; overflow: hidden; display: inline-block; width: 80% }
.manage_file_list_row dd:hover { background-color: #eee; }
.manage_file_list_row a.smallDown { width: 100% }
.manage_file_list_row .date { float: right; padding: 5px 0; }
.row3 { display: -webkit-flex; display: flex; width: 100%; }
.row3 li { -webkit-flex: auto; flex: auto; margin: .6%; float: left\0; }
.manage_bonus { overflow: auto; width: 99%\9; *width: auto; margin-bottom: 20px; background: #e8e8e8 url('../imgs2017/stock_bonus_back.png') left bottom no-repeat; background-size: auto 100%; padding-left: 140px; font-size: 20px; *margin-top: 20px; }
.manage_bonus div { width: 33.3%\9; float: left\9; }
.manage_bonus a { display: block; margin: 0 1%\9; text-align: center; padding: 20px 0; padding: 20px 30px; }
.manage_bonus a:hover, .manage_bonus .act { background-color: #01238e; color: #fff; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.flex { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.flex > * { display: block; -webkit-flex: 1 0 0; -moz-flex: 1 0 0; -ms-flex: 1 0 0; -o-flex: 1 0 0; flex: 1 0 0; }
.manager_intro { background-color: #eee; padding: 0 20px 20px; margin-bottom: 20px; min-height: 150px }
.manager_intro strong { margin-top: 10px; }
.manager_intro p { margin-bottom: 0; font-size: 14px; }
.manager_avater { float: left; margin-right: 10px; width: 150px; height: 150px; margin-left: -20px }
.manager_avater img { height: 150px; display: block; }
.manager_intro strong { margin-top: 20px; display: inline-block; font-size: 16px; }
.addressList h3 { color: #01238e; font-size: 22px; font-weight: normal; }
.feedbackForm { width: 80%; margin: auto; background-color: #fff; padding: 30px 30px 50px; box-shadow: 0 20px 40px -20px rgba(0, 0, 0, .4) }
.feedbackForm li { padding: 10px 0; }
.feedbackForm input, .feedbackForm button { vertical-align: middle; font-size: 16px; border-radius: 3px }
.feedbackForm button { height: 40px; position: relative; margin-left: -125px; width: 120px; padding: 0; border: none; border-left: 1px solid #dedede; background-color: transparent; cursor: pointer; transition: background-color .3s ease-in-out; -webkit-transition: background-color .3s ease-in-out; }
.feedbackForm button:hover { background-color: #01238e; color: #fff; transition: background-color .3s ease-in-out; -webkit-transition: background-color .3s ease-in-out; }
.feedbackForm button.submit { position: inherit; margin-left: 0; background-color: #ccc; width: 200px; height: 44px; font-size: 20px; color: #fff; }
.feedbackForm button.submit:hover { background-color: #01238e; }
.feedbackForm .inp { border: 1px solid #dedede; width: 80%; height: 40px; padding: 10px; *height: auto; }
.feedbackForm textarea.inp { vertical-align: top; height: 200px; font-size: 16px; border-radius: 3px }
.feedbackForm span { width: 70px; }
.feedbackForm label, .feedbackForm span { display: inline-block; margin-right: 20px; }
.feedbackForm .notice { border-color: red; }
.article { width: 69em; margin: auto }
.article h1 { display: block; height: auto; border-bottom: none; }
.article .content {width: 50em; margin-left: 100px; padding: 0; border: none; font-size: 14px !important }
.article img {width: 39em;display: block; }
.article .list_date {color: #666; width: 80px; font-size: 16px; background-color: #ddd; line-height: 20px; padding: 10px; float: left; margin-right: 20px }
.black_mask{width: 100%;height: 100%;position: fixed;z-index: 999;background-color: rgba(0,0,0,.6);display: none;top: 0;left: 0;}
#asd-video{position: fixed;left: 50%;top: 50%;margin:-400px 0 0 -300px;z-index: 9999}
.yearsTab{background-color: #d9d9d9; padding:0 50px;position: relative; margin-bottom: 20px;}
#yearSwiper {text-align: center;}
#yearSwiper a{ padding:  10px;text-align: center;display: inline-block;}
#yearSwiper .act a{background-color: #00258c;color: #fff;}
.swiper-slide img{  height: 100%;  object-fit: cover;}